<template>
	<van-cell class="user-info" :border="false">
		<van-image slot="icon" :src="article.aut_photo" fit="conver" round class="avatar" />
		<div slot="title" class="user-name">{{article.aut_name}}</div>
		<div slot="label" class="publish-date">{{article.pubdate|relativeTime}}</div>
		
		<follow-us
			:userId="article.aut_id"
			v-model = "article.is_followed"
		></follow-us>
	</van-cell>
</template>

<script>
	
	import followUs from '@/components/follow-us/follow-us.vue'
	export default {
		name:"user",
		props:{
			article:{
				type:Object,
				required:true
			}
		},
		data(){
			return {
			}
		},
		components:{
			followUs
		},
		methods:{
			
		}
	}
</script>

<style spoced lang="less">
	.user-info{
		padding:0 15px;
		.avatar{
			width:40px;
			height:40px;
			margin-right:15px;
		}
		.van-cell__label {
		    margin-top: 0;
		}
		.user-name {
			font-weight:600;
			font-size: 12px;
			color: #3a3a3a;
		}
		.publish-date {
			font-size: 12px;
			color: #b7b7b7;
		}
		
	}
</style>
